<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  
  
    <meta name="keywords" content="前端,Vue.js,JavaScript,Node.js,小程序">
  
  
    <meta name="description" content="GuoYou.Li(李国有)的博客, 用于做学习过程中的笔记、总结以及知识分享">
  
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>
    
    种子的信仰</title>
  
    <link rel="shortcut icon" href="/your/favicon.ico">
  
  
<link rel="stylesheet" href="/your/css/style.css">

  
    
<link rel="stylesheet" href="/your/fancybox/jquery.fancybox.min.css">

  
  
<script src="/your/js/pace.min.js"></script>

<meta name="generator" content="Hexo 4.2.1"><link rel="alternate" href="/your/atom.xml" title="种子的信仰" type="application/atom+xml">
</head>

<body>
<main class="content">
  <section class="jumbotron">
  <div class="video">
    
      <div class="video-frame">
        <img src="/your/images/overlay-hero.png" alt="Decorative image frame">
      </div>
    
    <div class="video-media">
      <!-- <img src="/your/images/nanning.jpg" alt="图片 - 南宁"> -->
      <div class="video-img" style="background-image: url('/your/images/nanning.jpg');"></div>
      <div class="video-overlay"></div>
    </div>
    <div class="video-inner text-center text-white">
      <h1><a href="/your/">种子的信仰</a></h1>
      <p>学习新技术, 总结旧知识, 同“自己”分享喜闻乐见之事</p>
      <div><img src="/your/images/logo-white.png" class="brand" alt="种子的信仰"></div>
    </div>
    <div class="video-learn-more">
      <a class="anchor" href="#landingpage"><i class="fe fe-mouse"></i></a>
    </div>
  </div>
</section>

<div id="landingpage">
  <section class="outer">
    <article class="articles">
      
      <h1 class="page-type-title"></h1>
      
        
          <article id="post-good-articles" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

    <div class="article-inner">
        
            <header class="article-header">
                
  
    <h2 itemprop="name">
      <a class="article-title" href="/your/2022/03/09/good-articles/">放入收藏夹吃灰吧!</a>
    </h2>
  
  
  <div class="article-topping">
    <i class="fe fe-umbrella"></i>
  </div>





            </header>
            

                
                    <div class="article-meta">
                        <a href="/your/2022/03/09/good-articles/" class="article-date">
  <time datetime="2022-03-09T14:43:04.000Z" itemprop="datePublished">2022-03-09</time>
</a>
                            
  <div class="article-category">
    <a class="article-category-link" href="/your/categories/%E7%9F%A5%E8%AF%86%E6%80%BB%E7%BB%93/">知识总结</a> / <a class="article-category-link" href="/your/categories/%E7%9F%A5%E8%AF%86%E6%80%BB%E7%BB%93/%E7%B2%BE%E9%80%89%E5%A5%BD%E6%96%87/">精选好文</a>
  </div>

                    </div>
                    

                        

                                    <div class="article-entry" itemprop="articleBody">
                                        


                                            

                                                
                                                    我认为写得很不错的文章, 值得阅读和学习...
                                                        
                                                                
                                    </div>
                                    <footer class="article-footer">
                                        <!-- 注释 - 分享按钮 -->
                                        <!-- <a data-url="http://liguoyou.gitee.io/your/2022/03/09/good-articles/" data-id="cl0jo8oab0000c0on4on7gvr1" class="article-share-link">
                                            分享
                                        </a> -->
                                        
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/%E7%B2%BE%E9%80%89%E5%A5%BD%E6%96%87/" rel="tag">精选好文</a></li></ul>

                                    </footer>

    </div>

    

                

</article>
        
          <article id="post-uni-login" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

    <div class="article-inner">
        
            <header class="article-header">
                
  
    <h2 itemprop="name">
      <a class="article-title" href="/your/2022/03/08/uni-login/">微信小程序端开发静默授权功能异步方法 uni-login 改成同步方法</a>
    </h2>
  
  




            </header>
            

                
                    <div class="article-meta">
                        <a href="/your/2022/03/08/uni-login/" class="article-date">
  <time datetime="2022-03-08T15:23:53.000Z" itemprop="datePublished">2022-03-08</time>
</a>
                            
  <div class="article-category">
    <a class="article-category-link" href="/your/categories/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/">问题解决</a> / <a class="article-category-link" href="/your/categories/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/">微信小程序</a>
  </div>

                    </div>
                    

                        

                                    <div class="article-entry" itemprop="articleBody">
                                        


                                            

                                                
                                                    微信小程序端开发静默授权功能, uni.login 是一个异步回调函数, 执行 onLoad 的时候没办法保证 uni.login 在 onLaunch 中已经执行完成...
                                                        
                                                                
                                    </div>
                                    <footer class="article-footer">
                                        <!-- 注释 - 分享按钮 -->
                                        <!-- <a data-url="http://liguoyou.gitee.io/your/2022/03/08/uni-login/" data-id="cl0ia8yje0000ikon7l6uc7hl" class="article-share-link">
                                            分享
                                        </a> -->
                                        
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/uniapp/" rel="tag">uniapp</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/" rel="tag">微信小程序</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/%E9%9D%99%E9%BB%98%E6%8E%88%E6%9D%83/" rel="tag">静默授权</a></li></ul>

                                    </footer>

    </div>

    

                

</article>
        
          <article id="post-on-add-to-favorites" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

    <div class="article-inner">
        
            <header class="article-header">
                
  
    <h2 itemprop="name">
      <a class="article-title" href="/your/2022/03/07/on-add-to-favorites/">使用 uniapp 开发微信小程序分享及收藏小程序功能</a>
    </h2>
  
  




            </header>
            

                
                    <div class="article-meta">
                        <a href="/your/2022/03/07/on-add-to-favorites/" class="article-date">
  <time datetime="2022-03-07T15:41:10.000Z" itemprop="datePublished">2022-03-07</time>
</a>
                            
  <div class="article-category">
    <a class="article-category-link" href="/your/categories/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/">问题解决</a> / <a class="article-category-link" href="/your/categories/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/uniapp/">uniapp</a> / <a class="article-category-link" href="/your/categories/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/">微信小程序</a>
  </div>

                    </div>
                    

                        

                                    <div class="article-entry" itemprop="articleBody">
                                        


                                            

                                                
                                                    uniapp 开发微信小程序时, 用到分享好友(onShareAppMessage), 分享朋友圈(onShareTimeline), 收藏小程序(onAddToFavorites)这三个生命周期函数用于自定义分享/收藏的内容, 发现分享好友可以正常分享自定义的内容, 而分享朋友圈和收藏小程序的生命周期函数执行了, 但是自定义的内容却没有生效...
                                                        
                                                                
                                    </div>
                                    <footer class="article-footer">
                                        <!-- 注释 - 分享按钮 -->
                                        <!-- <a data-url="http://liguoyou.gitee.io/your/2022/03/07/on-add-to-favorites/" data-id="cl0gvpjr1001bm4ongu232dxq" class="article-share-link">
                                            分享
                                        </a> -->
                                        
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/uniapp/" rel="tag">uniapp</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/" rel="tag">微信小程序</a></li></ul>

                                    </footer>

    </div>

    

                

</article>
        
          <article id="post-vue-router-history-nginx-setting" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

    <div class="article-inner">
        
            <header class="article-header">
                
  
    <h2 itemprop="name">
      <a class="article-title" href="/your/2021/09/08/vue-router-history-nginx-setting/">vue-router 设置为 history, 刷新报错404的解决办法- 配置 nginx</a>
    </h2>
  
  




            </header>
            

                
                    <div class="article-meta">
                        <a href="/your/2021/09/08/vue-router-history-nginx-setting/" class="article-date">
  <time datetime="2021-09-08T14:54:23.000Z" itemprop="datePublished">2021-09-08</time>
</a>
                            
                    </div>
                    

                        

                                    <div class="article-entry" itemprop="articleBody">
                                        


                                            

                                                
                                                    vue-router 模式设置为 history 后, 打包上线之后访问页面正常, 但是刷新后会显示404的解决办法, 要后端配置 nginx 代理...
                                                        
                                                                
                                    </div>
                                    <footer class="article-footer">
                                        <!-- 注释 - 分享按钮 -->
                                        <!-- <a data-url="http://liguoyou.gitee.io/your/2021/09/08/vue-router-history-nginx-setting/" data-id="cl0gvpjr3001em4ona7dt1b0g" class="article-share-link">
                                            分享
                                        </a> -->
                                        
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/nginx/" rel="tag">nginx</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/vue-router/" rel="tag">vue-router</a></li></ul>

                                    </footer>

    </div>

    

                

</article>
        
          <article id="post-weixin-slot-bug" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

    <div class="article-inner">
        
            <header class="article-header">
                
  
    <h2 itemprop="name">
      <a class="article-title" href="/your/2021/09/05/weixin-slot-bug/">微信小程序 slot 位置错乱导致样式布局无效的解决方案</a>
    </h2>
  
  




            </header>
            

                
                    <div class="article-meta">
                        <a href="/your/2021/09/05/weixin-slot-bug/" class="article-date">
  <time datetime="2021-09-05T12:04:01.000Z" itemprop="datePublished">2021-09-05</time>
</a>
                            
                    </div>
                    

                        

                                    <div class="article-entry" itemprop="articleBody">
                                        


                                            

                                                
                                                    微信小程序 slot 插槽插入的位置不正确, 导致小程序中样式布局无效.
                                                        
                                                                
                                    </div>
                                    <footer class="article-footer">
                                        <!-- 注释 - 分享按钮 -->
                                        <!-- <a data-url="http://liguoyou.gitee.io/your/2021/09/05/weixin-slot-bug/" data-id="cl0gvpjqz0018m4onakoj2nvu" class="article-share-link">
                                            分享
                                        </a> -->
                                        
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/slot/" rel="tag">slot</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/uni-app/" rel="tag">uni-app</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/" rel="tag">微信小程序</a></li></ul>

                                    </footer>

    </div>

    

                

</article>
        
          <article id="post-uni-app-video-example" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

    <div class="article-inner">
        
            <header class="article-header">
                
  
    <h2 itemprop="name">
      <a class="article-title" href="/your/2020/08/29/uni-app-video-example/">uni-app 的 video 组件的使用</a>
    </h2>
  
  




            </header>
            

                
                    <div class="article-meta">
                        <a href="/your/2020/08/29/uni-app-video-example/" class="article-date">
  <time datetime="2020-08-29T15:03:08.000Z" itemprop="datePublished">2020-08-29</time>
</a>
                            
                    </div>
                    

                        

                                    <div class="article-entry" itemprop="articleBody">
                                        


                                            

                                                
                                                    uni-app 的 video 组件的使用, 兼容微信H5及微信小程序端...
                                                        
                                                                
                                    </div>
                                    <footer class="article-footer">
                                        <!-- 注释 - 分享按钮 -->
                                        <!-- <a data-url="http://liguoyou.gitee.io/your/2020/08/29/uni-app-video-example/" data-id="cl0gvpjqx0013m4on52atg8sn" class="article-share-link">
                                            分享
                                        </a> -->
                                        
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/uni-app/" rel="tag">uni-app</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/video/" rel="tag">video</a></li></ul>

                                    </footer>

    </div>

    

                

</article>
        
          <article id="post-uni-app-display-flex-v-show-invalid" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

    <div class="article-inner">
        
            <header class="article-header">
                
  
    <h2 itemprop="name">
      <a class="article-title" href="/your/2020/08/20/uni-app-display-flex-v-show-invalid/">uni-app 给 view 设置 display:flex 后, v-show=&#34;false&#34; 在微信小程序中失效</a>
    </h2>
  
  




            </header>
            

                
                    <div class="article-meta">
                        <a href="/your/2020/08/20/uni-app-display-flex-v-show-invalid/" class="article-date">
  <time datetime="2020-08-20T15:40:28.000Z" itemprop="datePublished">2020-08-20</time>
</a>
                            
  <div class="article-category">
    <a class="article-category-link" href="/your/categories/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/">问题解决</a> / <a class="article-category-link" href="/your/categories/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/uni-app/">uni-app</a> / <a class="article-category-link" href="/your/categories/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/">微信小程序</a>
  </div>

                    </div>
                    

                        

                                    <div class="article-entry" itemprop="articleBody">
                                        


                                            

                                                
                                                    最近在学习 uni-app 并用来开发新项目,经常用到 `v-show` 用来做元素的显示隐藏控制, 然后神奇的发现给 view 设置 display:flex 后, v-show="false" 在微信小程序中失效, 元素并没有隐藏掉...
                                                        
                                                                
                                    </div>
                                    <footer class="article-footer">
                                        <!-- 注释 - 分享按钮 -->
                                        <!-- <a data-url="http://liguoyou.gitee.io/your/2020/08/20/uni-app-display-flex-v-show-invalid/" data-id="cl0gvpjqw0012m4on9lu1gqmr" class="article-share-link">
                                            分享
                                        </a> -->
                                        
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/flex/" rel="tag">flex</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/uni-app/" rel="tag">uni-app</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/v-show/" rel="tag">v-show</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/" rel="tag">微信小程序</a></li></ul>

                                    </footer>

    </div>

    

                

</article>
        
          <article id="post-string-prototype-padStart-and-padEnd" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

    <div class="article-inner">
        
            <header class="article-header">
                
  
    <h2 itemprop="name">
      <a class="article-title" href="/your/2020/08/14/string-prototype-padStart-and-padEnd/">JavaScript 内置对象 String 的 padStart() 和 padEnd() 方法</a>
    </h2>
  
  




            </header>
            

                
                    <div class="article-meta">
                        <a href="/your/2020/08/14/string-prototype-padStart-and-padEnd/" class="article-date">
  <time datetime="2020-08-14T15:56:36.000Z" itemprop="datePublished">2020-08-14</time>
</a>
                            
  <div class="article-category">
    <a class="article-category-link" href="/your/categories/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/">学习笔记</a> / <a class="article-category-link" href="/your/categories/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/JavaScript/">JavaScript</a>
  </div>

                    </div>
                    

                        

                                    <div class="article-entry" itemprop="articleBody">
                                        


                                            

                                                
                                                    padStart 和 padEnd 方法是 String.prototype 上定义的方法, 在 ECMAScript 2017 (ES7) 中首次被定义; 两个方法都是返回新的字符串, 并且不会改变原来的值...
                                                        
                                                                
                                    </div>
                                    <footer class="article-footer">
                                        <!-- 注释 - 分享按钮 -->
                                        <!-- <a data-url="http://liguoyou.gitee.io/your/2020/08/14/string-prototype-padStart-and-padEnd/" data-id="cl0gvpjqy0016m4on9ulgevaq" class="article-share-link">
                                            分享
                                        </a> -->
                                        
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/padEnd/" rel="tag">padEnd</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/padStart/" rel="tag">padStart</a></li></ul>

                                    </footer>

    </div>

    

                

</article>
        
          <article id="post-install-yarn-through-nodejs-and-npm" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

    <div class="article-inner">
        
            <header class="article-header">
                
  
    <h2 itemprop="name">
      <a class="article-title" href="/your/2020/08/10/install-yarn-through-nodejs-and-npm/">使用 Node.js 和 npm 安装和配置 Yarn</a>
    </h2>
  
  




            </header>
            

                
                    <div class="article-meta">
                        <a href="/your/2020/08/10/install-yarn-through-nodejs-and-npm/" class="article-date">
  <time datetime="2020-08-09T16:03:27.000Z" itemprop="datePublished">2020-08-10</time>
</a>
                            
  <div class="article-category">
    <a class="article-category-link" href="/your/categories/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/">问题解决</a> / <a class="article-category-link" href="/your/categories/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/Yarn/">Yarn</a>
  </div>

                    </div>
                    

                        

                                    <div class="article-entry" itemprop="articleBody">
                                        


                                            

                                                
                                                    由于种种令人心酸的原因, 我决定卸载 Node.js, npm, 以及 Yarn, 再重新安装配置, 并将过程记录了下...
                                                        
                                                                
                                    </div>
                                    <footer class="article-footer">
                                        <!-- 注释 - 分享按钮 -->
                                        <!-- <a data-url="http://liguoyou.gitee.io/your/2020/08/10/install-yarn-through-nodejs-and-npm/" data-id="cl0gvpjqm000um4ongff2htkc" class="article-share-link">
                                            分享
                                        </a> -->
                                        
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/Yarn/" rel="tag">Yarn</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/npm/" rel="tag">npm</a></li></ul>

                                    </footer>

    </div>

    

                

</article>
        
          <article id="post-close-issues-notifications" class="article article-type-post" itemscope itemprop="blogPost" data-scroll-reveal>

    <div class="article-inner">
        
            <header class="article-header">
                
  
    <h2 itemprop="name">
      <a class="article-title" href="/your/2020/06/27/close-issues-notifications/">如何关闭 Github issues 中的邮件通知</a>
    </h2>
  
  




            </header>
            

                
                    <div class="article-meta">
                        <a href="/your/2020/06/27/close-issues-notifications/" class="article-date">
  <time datetime="2020-06-26T16:31:04.000Z" itemprop="datePublished">2020-06-27</time>
</a>
                            
  <div class="article-category">
    <a class="article-category-link" href="/your/categories/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/">问题解决</a> / <a class="article-category-link" href="/your/categories/%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3/Github-Issues/">Github Issues</a>
  </div>

                    </div>
                    

                        

                                    <div class="article-entry" itemprop="articleBody">
                                        


                                            

                                                
                                                    在 issues 的右侧, 找到 Notifications (通知设置) 的一个板块, 直接点击下面的按钮切换 Not subscribed (不订阅)/ Subscribed (订阅), 或者在点击 Notifications 后出现的弹框中选择
                                                        
                                                                
                                    </div>
                                    <footer class="article-footer">
                                        <!-- 注释 - 分享按钮 -->
                                        <!-- <a data-url="http://liguoyou.gitee.io/your/2020/06/27/close-issues-notifications/" data-id="cl0gvpjqr000zm4on1ks8h0zs" class="article-share-link">
                                            分享
                                        </a> -->
                                        
  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/Github/" rel="tag">Github</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/your/tags/Issues/" rel="tag">Issues</a></li></ul>

                                    </footer>

    </div>

    

                

</article>
        
    </article>
    
  
    
      <nav class="page-nav">
        <span class="page-number current">1</span><a class="page-number" href="/your/page/2/">2</a><a class="extend next" rel="next" href="/your/page/2/">下一页</a>
      </nav>
    
  </section>
</div>

  <footer class="footer">
  <div class="outer">
    <div class="float-right">
      <ul class="list-inline">
  
    <li><i class="fe fe-bar-chart"></i> <span id="busuanzi_value_site_pv"></span></li>
  
    <li><i class="fe fe-smile-alt"></i> <span id="busuanzi_value_site_uv"></span></li>
  
</ul>
    </div>
    <ul class="list-inline">
      <li>&copy; 2022 种子的信仰</li>
      <li>Powered by <a href="http://hexo.io/" target="_blank">Hexo</a></li>
      <li>Theme  <a href="https://github.com/zhwangart/hexo-theme-ocean" target="_blank" rel="noopener">Ocean</a></li>
    </ul>
  </div>
</footer>

</main>
<aside class="sidebar">
  <button class="navbar-toggle"></button>
<nav class="navbar">
  
    <div class="logo">
      <a href="/your/"><img src="/your/images/logo.png" alt="种子的信仰"></a>
    </div>
  
  <ul class="nav nav-main">
    
      <li class="nav-item">
        <a class="nav-item-link" href="/your/">首页</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/your/archives">时间轴</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/your/gallery">相册</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/your/categories">分类</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/your/tags">标签</a>
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/your/about">关于</a>
      </li>
    
    <li class="nav-item">
      <a class="nav-item-link nav-item-search" title="搜索">
        <i class="fe fe-search"></i>
        搜索
      </a>
    </li>
  </ul>
</nav>
<nav class="navbar navbar-bottom">
  <ul class="nav">
    <li class="nav-item">
      <div class="totop" id="totop">
  <i class="fe fe-rocket"></i>
</div>
    </li>
    <li class="nav-item">
      
        <a class="nav-item-link" target="_blank" href="/your/atom.xml" title="RSS Feed">
          <i class="fe fe-feed"></i>
        </a>
      
    </li>
  </ul>
</nav>
<div class="search-form-wrap">
  <div class="local-search local-search-plugin">
  <input type="search" id="local-search-input" class="local-search-input" placeholder="请输入关键词...">
  <div id="local-search-result" class="local-search-result"></div>
</div>
</div>
</aside>

<script src="/your/js/jquery-2.0.3.min.js"></script>


<script src="/your/js/jquery.justifiedGallery.min.js"></script>


<script src="/your/js/lazyload.min.js"></script>


<script src="/your/js/busuanzi-2.3.pure.min.js"></script>


  
<script src="/your/fancybox/jquery.fancybox.min.js"></script>





<script src="/your/js/ocean.js"></script>


</body>
</html>